<template>
  <div class="noLogin">
    <img src="../assets/dafault/noLogin.png" alt="" />
    <p>您当前未注册认证账户，无法进行添加推广操作 请注册认证后方可进行操作</p>
    <button @click="goLogin">去注册认证</button>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {
    document.querySelector("html").style.backgroundColor = "#f3f5f7";
    document.querySelector("body").style.backgroundColor = "#f3f5f7";
  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  methods: {
    //去注册认证
    goLogin() {
      this.$router.push("/mineLogin");
    },
  },
};
</script>
<style scoped lang='less'>
/* @import url(); 引入css类 */
.noLogin {
  height: calc(100vh - 46px);

  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 27px;
  padding-top: 46px;
  img {
    margin-top: 85px;
    width: 238px;
    height: 196px;
  }
  p {
    margin-top: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #666666;
    line-height: 28px;
    padding: 0 13px;
  }
  button {
    margin-top: 43px;
    width: 100%;
    height: 41px;
    background-color: #477fe6;
    border-radius: 20px;
    font-size: 13px;
    color: #fff;
    border: none;
  }
}
</style>